@media(max-width: 1200px)
{
	.form:before
	{
	    clip-path: circle(600px at 0 50%);
	}
	.form-cotent
	{
		padding: 0 30px;
	}
	.form-img
	{
		margin-left: 30px;
	}
}
@media(max-width: 1000px)
{
	.form-img
	{
		display: none;
	}
	.form:before
    {
		clip-path: none;
        width: 100%;
		height: 230px;
		border-radius: 0px 0px 100% 100%;
    }
	.form-row.flex-c-b
	{
		justify-content: center;
	}
	.form .form-row
	{
	    align-items: flex-start;
	    padding-top: 40px;
	}
}
@media (max-width: 400px)
{
	.form:before
    {
        width: 500px;
		height: 230px;
		left: 50%; top: 0;
		transform: translateX(-50%);
    }
	.form-cotent
	{
		max-width: 100%;
		padding: 0 20px;
	}
    .form-cotent .form-login
    {
        width: 100%;
    }
}